<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="stylesheet" href="../AmazeUI-2.4.2/assets/css/amazeui.min.css" />
		<link href="../css/dlstyle.css" rel="stylesheet" type="text/css">
		<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="../AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>

	</head>

	<body>

		<div class="login-boxtitle">
			<a href="home/demo.html"><img alt="" src="../images/logobig.png" /></a>
		</div>

		<div class="res-banner">
			<div class="res-main">
				<div class="login-banner-bg"><span></span><img src="../images/big.jpg" /></div>
				<div class="login-box">

						<div class="am-tabs" id="doc-my-tabs">
							<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
								<li class="am-active"><a href="">邮箱注册</a></li>
								<li><a href="">手机号注册</a></li>
							</ul>

					<div class="am-tabs-bd">
						<div class="am-tab-panel am-active">
							<form method="post" onsubmit="return false;">

								<div class="user-email">
									<label for="email"><i class="am-icon-envelope-o"></i></label> <input
										type="email" name="" id="email" placeholder="请输入邮箱账号" autocomplete="off">
								</div>
								
								<div class="user-pass">
									<label for="password"><i class="am-icon-lock"></i></label> <input
										type="password" name="" id="password" placeholder="设置密码" autocomplete="off">
								</div>
								<div class="user-pass">
									<label for="passwordRepeat"><i class="am-icon-lock"></i></label>
									<input type="password" name="" id="passwordRepeat" autocomplete="off"
										placeholder="确认密码">
								</div>

							</form>

							<div class="login-links">
								<label for="reader-me"> <input id="reader-me"
									type="checkbox"> 点击表示您同意商城《服务协议》
								</label>
							</div>
							<div class="am-cf">
								<input type="submit" onclick="emailZhuce()" name="" value="注册"
									class="am-btn am-btn-primary am-btn-sm am-fl">
							</div>

						</div>

						<div class="am-tab-panel">
							<form method="post" onsubmit="return false;">
								<div class="user-phone">
									<label for="phone"><i
										class="am-icon-mobile-phone am-icon-md"></i></label> <input type="tel" autocomplete="off"
										name="" id="phone" placeholder="请输入手机号">
								</div>
								<div class="verification">
									<label for="code"><i class="am-icon-code-fork"></i></label> <input autocomplete="off"
										type="tel" name="" id="code" placeholder="请输入验证码"> <a
										class="btn" href="javascript:void(0);"
										 id="sendMobileCode"> <span
										id="dyMobileButton" onclick="dyMobileButton()">获取</span></a>
								</div>
								<div class="user-pass">
									<label for="password"><i class="am-icon-lock"></i></label> <input autocomplete="off"
										type="password" name="" id="password2" placeholder="设置密码">
								</div>
								<div class="user-pass">
									<label for="passwordRepeat"><i class="am-icon-lock"></i></label>
									<input type="password" name="" id="passwordRepeat2" autocomplete="off"
										placeholder="确认密码">
								</div>
							</form>
							<div class="login-links">
								<label for="reader-me"> <input id="reader-me"
									type="checkbox"> 点击表示您同意商城《服务协议》
								</label>
							</div>
							<div class="am-cf">
								<input type="submit" name="" value="注册" onclick="phone()"
									class="am-btn am-btn-primary am-btn-sm am-fl">
							</div>

							<hr>
						</div>

						<script>
							$(function() {
								$('#doc-my-tabs').tabs();
							})
						</script>

					</div>
				</div>

				</div>
			</div>
			
					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
							</p>
						</div>
					</div>
					
		<script type="text/javascript">
		//邮箱注册
		function emailZhuce(){
	            var email=$("#email").val();
	            var pw1 = document.getElementById("password").value;
	            var pw2 = document.getElementById("passwordRepeat").value;
	            var a= /^[\w\-]+@[a-zA-Z\d\-]+(\.[a-zA-Z]{2,8}){1,2}$/ig.test(email);
	            if (a==true) {
	            	 if(pw1!='' && pw1==pw2){
	            		 $.post("../../userAddq",{
	            			 user_loginname:Math.floor(Math.random()*1000000000),
	            			 user_pwd:pw1, 
	            			 user_email:email,
	            			 user_fullname:'阿三',
	            			 user_sex:'男',
	            			 user_birthday:'2000-01-01',
	            			 user_address:'未知',
	            			 user_phone:'用户太懒还未设置',
	            			 user_img:'1.jpg'
	            			 },function(res){
	            			
	            			 if(res.code=="0"){
	            				 alert("注册成功");
	            				 $(document).ready(function(){
	         						$(location).attr("href","login.html");
	         					});
	            			 }else{
	            				 alert("注册 失败");
	            			 }
	            		 },"json");
	            	 }else if(pw1=="" || pw2==''){
	            		 alert("密码不能为空");
	            	 }else{
	            		 alert("两次密码不相同");
	            	 }
				}else {
					 alert("邮箱填写错误");
				}
	           
	        
		}
		
			/* function email(email){
				
				 return /^[\w\-]+@[a-zA-Z\d\-]+(\.[a-zA-Z]{2,8}){1,2}$/ig.test(email);
			}
			 */
			 var number=0;
			 function dyMobileButton(){
				 /* $("#dyMobileButton").click(function(){
					 var yanzhengma=Math.floor(Math.random()*100000)
					 alert("验证码为："+yanzhengma);
					
				 }) */
				 number=Math.floor(Math.random()*100000)
				 alert("验证码为："+number);
				 return number;
			 }
			 
			 function phone(){
				    var phone=$("#phone").val();
				    var yanzhengma=$("#code").val();
		            var pw1 = document.getElementById("password2").value;
		            var pw2 = document.getElementById("passwordRepeat2").value;
		            var a= /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ig.test(phone);
		           
		            if (a==true) {
		            	if(number==yanzhengma){
		            		 if(pw1!='' && pw1==pw2){
			            		 $.post("../../userAddq",{
			            			 user_loginname:Math.floor(Math.random()*1000000000),
			            			 user_pwd:pw1, 
			            			 user_email:'用户太懒还未设置',
			            			 user_fullname:'阿三',
			            			 user_sex:'男',
			            			 user_birthday:'2000-01-01',
			            			 user_address:'未知',
			            			 user_phone:phone,
			            			 user_img:'1.jpg'
			            			 },function(res){
			            			
			            			 if(res.code=="0"){
			            				 alert("注册成功");
			            				 $(document).ready(function(){
			         						$(location).attr("href","login.html");
			         					});
			            			 }else{
			            				 alert("注册 失败");
			            			 }
			            		 },"json");
			            	 }else if(pw1=="" || pw2==''){
			            		 alert("密码不能为空");
			            	 }else{
			            		 alert("两次密码不相同");
			            	 }
		            	}else{
		            		alert("验证码错误");
		            	}
		            	
					}else {
						 alert("手机号填写错误");
					}
		           
			 }
			
		</script>
	</body>

</html>